<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title><%= title %></title>
    <link href="image/favicon.ico" rel="shortcut icon">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_607959_8t0w2txptnj.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/home.css">
    <link rel="stylesheet" href="css/userInfo.css">
    <link rel="stylesheet" href="css/loading.css">
</head>
<body class="PicksPalbody">
    <div class="app">
        <%- include('base/header',{lang:lang}); %>
        <section class="container PicksPalcontainer">
            <div class="loading" v-show="!loading">
                <div class="preloader_4">
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
            <!-- AG亚游导航 -->
            <div class="width1270 aggamenav nomtaggamenav">
                    <!-- 楼层名称 -->
                    <!-- AG导航条 -->
                    <div class="aggametransform">
                        <!-- AG导航 -->
                        <div class="aggametit">
                            <!-- 币种切换 -->
                            <div class="aggamechoosecoin">
                                <div class="aggamechoosecoin-input">
                                    <div class="aggamechoosecoin-select" 
                                    @click="exchange.isshowcoinarr=!exchange.isshowcoinarr">
                                        <img :src="'image/'+exchange.defaultcoin+'.png'" :alt="exchange.defaultcoin">
                                        <span v-html="exchange.defaultcoin"></span>
                                        <i class="icon iconfont icon-sanjiaodown"></i>
                                    </div>
                                    <!-- 下拉菜单 -->
                                    <% if(allMine.length){ %>
                                        <div class="dropdownmenu" v-show="exchange.isshowcoinarr">
                                            <% allMine.forEach( (item,index) => { %>
                                            <div class="dropdownmenu-item coinitem" 
                                                :class="{selected:'<%- item.coin %>'==exchange.defaultcoin}" 
                                                @click="changeexchangecoin('<%= item.coin %>','<%= item.balance %>')">
                                                <img src="image/<%= item.coin %>.png" alt="">
                                                <span><%= item.coin %></span>
                                            </div>
                                            <% }) %>
                                        </div>
                                    <% } %>
                                </div>
                            </div>
                            <!-- 各币种AG分 -->
                            <div class="myintegral">
                                <div class="integral"><%= __('Myshabahpoints') %>&nbsp;</div>
                                <div class="integral-num" v-html="userinfo.myagbanlance"></div>
                            </div>
                        </div>
                        <!-- 兑换积分 -->
                        <div class="transformintegral">
                            <div class="transformhelpbox">
                                <div class="transformhelp">?</div>
                                <div class="transformhelp1 bottomcenter <%= lang %>"><%= __('shabadivision') %></div>
                            </div>
                            <% if(allMine.length){ %>
                                <div class="transformbtn transformin" :class="{active:showtransforminag==true}"
                                @click="changetransform('showtransforminag')"><%= __('Exchangeshabapoints') %></div>
                                <div class="transformbtn" :class="{active:showtransformout==true}" 
                                @click="changetransform('showtransformout')"><%= __('Withdrawshabapoints') %></div>
                            <% } %>
                        </div>
                    </div>
                    <!-- 兑换AG分 -->
                    <div class="transforminbox transformbox" v-show="showtransforminag">
                        <div class="transform-form">
                            <div class="form-item">
                                <label class="item-label"><%= __('Currencyexchange') %></label>
                                <div class="item-label">
                                    <span v-html="exchange.defaultcoin"></span>
                                </div>
                            </div>
                            <!-- 兑换比例 -->
                            <div class="form-item form-bigmg">
                                <label class="item-label"><%= __('Exchangequantity') %></label>
                                <div class="item-input">
                                    <input type="text" class="form-input" v-model="exchangenum" :disabled="exchange.disexchangenum">
                                </div>
                            </div>
                            <div class="form-item">
                                <label class="item-label"><%= __('Youwillget') %></label>
                                <div class="item-tip">
                                    <span v-html="exchange.exchangeagcoin"></span>
                                </div>
                                <label class="item-label"><%= __('sabaPoints') %></label>
                            </div>
                        </div>
                        <button class="postform" @click="confirmexchange" :disabled="exchange.disabledbtn"><%= __('Confirmexchange') %></button>
                    </div>
                    <!-- 兑出AG分 -->
                    <div class="transformoutbox transformbox" v-show="showtransformout">
                        <div class="transform-form">
                            <!-- 兑换比例 -->
                            <div class="form-item">
                                <label class="item-label"><%= __('CashOutsabapoints') %></label>
                                <div class="item-input">
                                    <input type="text" class="form-input" v-model="cashoutnum">
                                </div>
                            </div> 
                            <!-- 换算币种值 -->
                            <div class="form-item form-bigmg">
                                <label class="item-label"><%= __('Youwillget') %></label>
                                <div class="item-tip">
                                    <span v-html="cashout.exchangeagcoin"></span>
                                </div>
                                <label class="item-label" v-html="exchange.defaultcoin"></label>
                            </div> 
                        </div>
                        <button class="postform" @click="confircashout" :disabled="cashout.disabledbtn"><%= __('Confirmation') %></button>
                    </div>
                </div>
            <!-- 体育竞猜 -->
            <div class="width1270 PicksPal">
                <iframe :src="userinfo.sabaloginaddress" 
                    style="border: 0; overflow: auto; width: 100%; height: 700px;" 
                    frameborder="0" border="0" allowtransparency="true">
                </iframe>
            </div>
        </section>
        <footer class="footer PicksPalfooter">
            <div class="footer-container">
                <div class="footer-lf">
                    <a href="/" class="footerlogo">
                        <img src="/image/logo.png" class="img-responsive" alt="HyperPlay">
                    </a>
                    <p class="webversion">V 0.180613</p>
                    <p class="webversion">Copyright &copy;  Pilipinas HyperPlay Technology Co.Ltd.All rights reserved.</p>
                    <div class="footerlanguage">
                        <div class="ftchooselang zh_CN" @click="chooselanguage('zh_CN','<%- lang %>')"></div>
                        <div class="ftchooselang zh_TW" @click="chooselanguage('zh_TW','<%- lang %>')"></div>
                        <div class="ftchooselang en_US" @click="chooselanguage('en_US','<%- lang %>')"></div>
                    </div>
                </div>
                <div class="footer-rt <%= lang %>">
                    <div class="links <%= lang %>">
                        <p class="weblinks">
                            <a href="/application"><%= __('application') %></a>
                            <a href="/image/HPSwhitepaper.pdf" class="weblinksfirst" download="HPS白皮书"><%= __('friendlink5') %></a>
                            <a href="https://kf1.learnsaas.com/chat/chatClient/chatbox.jsp?companyID=951120&configID=71038&jid=5076028323&s=1" 
                            target="_blank" class="weblinksfirst"><%= __('onlineService') %></a>
                            <a href="https://mp.weixin.qq.com/s/YJiFu89hM_rYIlEObLbb3w" class="weblinksfirst" target="_blank"><%= __('webhelp') %></a>
                        </p>
                        <p class="weblinks">
                            <span><%= __('friendlink') %>:</span>
                            <a href="https://www.coinw.com/" target="_blank"><%= __('friendlink2') %></a>
                            <a href="https://coinx.im/index.jhtml" target="_blank"><%= __('friendlink3') %></a>
                            <a href="https://www.bjexaus.com/" target="_blank"><%= __('friendlink1') %></a>
                            <a href="https://yobit.net/cn/" target="_blank"><%= __('friendlink4') %></a>
                        </p>
                        <p class="webstatement"><%= __('footer') %></p>
                    </div>
                    <div class="linkqrcode">
                        <img src="/image/code1.jpg" alt="微信公众号" class="img-responsive">
                    </div>
                </div>
            </div>
        </footer>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="/js/footer.js"></script>
    <script src="/js/PicksPal.js"></script>
</body>
</html>